<!--<%@ page contentType="text/html;charset=UTF-8" language="java" %>-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公共</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/upload.css">
</head>
<script src="js/jquery-3.6.0.min.js"></script>
<body>

<!--按钮表和按钮里-->
<input type="checkbox" id="menu_btn">
<label class="menu-btn" for="menu_btn">
    <i class="fa fa-bars" aria-hidden="true"></i>
</label>
<!--点击三道杠后出现的-->
<div class="wrapper">
    <ul class="menu">
        <li><a href="index.html">首页</a></li>
        <li><a href="messageBoard.html">留言板</a></li>
        <li><a href="videoHall.html">放映厅</a></li>
        <li><a href="login.html">登录</a></li>
        <li><a href="#">空</a></li>
    </ul>
</div>
<!--侧边栏-->
<ul class="icon-nav">
    <li>
        <a href="">
            <i class="fa fa-home"></i>
            <span>首页</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-product-hunt"></i>
            <span>产品管理</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-user-circle"></i>
            <span>会员管理</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-shopping-bag"></i>
            <span>订单管理</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-credit-card-alt"></i>
            <span>财务中心</span>
        </a>
    </li>
    <!-- 分割线 -->
    <li class="split">
        <a href="">
            <i class="fa fa-bell"></i>
            <span>消息</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-gear"></i>
            <span>系统配置</span>
        </a>
    </li>
    <li>
        <a href="">
            <i class="fa fa-user"></i>
            <span>用户中心</span>
        </a>
    </li>
</ul>

<!--===========================================公共部分=======================================================-->


<!--=======================================================================文件上传!!!!-->
<div class="container">
    <form id="up_from" name="up_from" enctype="multipart/form-data" action="upLoadServlet"  method="post">

        <div class="box">
            <div class="front">
                <div class="icon">
                    <i class="fa fa-film" aria-hidden="true"></i>
                </div>
                <span>第一步</span>
            </div>
            <div class="back">
                <span>上传视频</span>
                <br>
                <input id="ipVideo" name="ipVideo"  type="file" value="视频">
            </div>
        </div>
        <div class="box">
            <div class="front">
                <div class="icon">
                    <i class="fa fa-picture-o" aria-hidden="true"></i>
                </div>
                <span>第二步</span>
            </div>
            <div class="back">
                <span>上传封面</span>
                <br>
                <input id="ipPhoto" name="ipPhoto" type="file" value="图片">
            </div>
        </div>
        <div class="box">
            <div class="front">
                <div class="icon">
                    <i class="fa fa-check-square" aria-hidden="true"></i>
                </div>
                <span>第三步</span>
            </div>
            <div class="back">
                <span>起个名</span>
                <br>
                <input id="ipName" name="ipName" type="text">
                <input type="submit" value="完成">
            </div>
        </div>

    </form>
</div>

</body>
</html>